<template>
<div id="introduce">
   <span>{{pry}}</span>
   <span>劵后{{pry1}}</span>
   <p class="p1" > {{pry3}}</p>
   <p class="p2">{{pry2}}</p>


</div>
    
</template>
<script>
export default {
    name:'Introduce',
    props:{
        pry:String,
        pry1: String,
        pry2: String,
        pry3 :String

    }

}
</script>
<style  scoped>
#introduce{
    position: relative;
    top: 60px;
    border-bottom: 10px solid #f5f5f5;
    padding-bottom:  20px;
}
#introduce > span:first-child{
    margin-right: 15px;
    font-size: 25px;
    color: #ff5000;
}
#introduce > span:nth-child(2){
    font-size: 12px;
    position: relative;
    top: -4px;
    display: inline-block;
    background-color: #ff5000;
    padding: 5px;
    border-radius: 10px;
}
span{
    margin-bottom: 15px;
}
.p1{
    color: #ff5000;
    margin-bottom: 5px;
    
}
.p2{
    height: 44px;
    width: 100%;
   
}


</style>